<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>01.Basic Usage.html</title>
</head>
<body>
<!-- 默认主题 -->
<!--<link rel="stylesheet" href="https://unpkg.com/@highlightjs/cdn-assets@11.2.0/styles/default.min.css">-->

更多主题参看: node_modules/highlight.js/styles

<!-- ↓↓没错 这个就是你最喜欢的webstorm屎黄色主题 -->
<!-- 这一款要蓝一点,另外css解析得不好 -->
<!--<link rel="stylesheet" href="https://unpkg.com/@highlightjs/cdn-assets@11.2.0/styles/androidstudio.min.css">-->
<!-- 这一款要黄一点,css解析良好 -->
<link href="https://cdn.bootcss.com/highlight.js/9.18.1/styles/darcula.min.css" rel="stylesheet">
<!--<link rel="stylesheet" href="https://unpkg.com/@highlightjs/cdn-assets@11.2.0/styles/base16/darcula.min.css">-->
<!-- 整体还是屎黄色,但比较绿 -->
<!--<link href="https://cdn.bootcss.com/highlight.js/9.18.1/styles/railscasts.min.css" rel="stylesheet">-->


<!--<link rel="stylesheet" href="https://unpkg.com/@highlightjs/cdn-assets@11.2.0/styles/vs2015.min.css">-->
<!--<link rel="stylesheet" href="https://unpkg.com/@highlightjs/cdn-assets@11.2.0/styles/codepen-embed.min.css">-->



<script src="https://unpkg.com/@highlightjs/cdn-assets@11.2.0/highlight.min.js"></script>

<pre>
    <code>
let a = 123;
console.log(a);
function abc(){}
class bb{
  constructor(){}
  do(){}
}
for(let i=0;i<3;++i){
  console.log(i)
}
console.log(a)
const a = require('hightlight.js')
    </code>
</pre>


<script>hljs.highlightAll();</script>

</body>
</html>
